import { defineStore } from 'pinia';

export  const useCounterStore = defineStore('counter', {
  state: () => ({
    count: 0,
  }),
  actions: {
    increment() {
       this.count++;
    },
    decrement() {
       this.count--;
    },
  },
});






//
//Pinia 是一个用于 Vue.js 的状态管理库，它有以下主要用途：
// 一、集中管理应用状态
// 状态存储：
// Pinia 可以存储应用的各种状态数据，如用户信息、购物车内容、应用配置等。将这些状态集中管理在 Pinia store 中，使得状态的来源更加清晰，易于维护和调试。
// 例如，一个电商应用可以将用户的购物车数据存储在 Pinia store 中，方便在不同组件中访问和修改购物车状态。
// 
//状态共享：
// 多个组件可以共享同一个 Pinia store，从而实现状态的共享和同步。当一个组件修改了 store 中的状态时，其他组件可以自动响应并更新其视图。
// 比如，在一个多页面的应用中，用户登录状态可以存储在 Pinia store 中，当用户在一个页面登录后，其他页面可以立即获取到用户的登录状态，无需重复登录。
//